  <!-- 此头部为首页外的其他页面引用，首页头部特殊，代码写在首页html内部-->
<div class="head">
  <div class="head_img">
    <a href="#"> <img src="images/index/logo.png" alt=""/> </a>
  </div>
  <div class="head_list">
    <ul>
      <li class="active"><a href="#">首页</a></li>
      <li><a href="#"> 关于我们</a>
        <div class="hide_list">
          <p><a href="#">企业介绍</a></p>
          <p><a href="#">企业理念</a></p>
          <p><a href="#">管理团队</a></p>
        </div>
      </li>
      <li><a href="#"> 投资策略</a>
        <div class="hide_list">
          <p><a href="#">投资理念</a></p>
          <p><a href="#">投资领域</a></p>
          <p><a href="#">投资流程</a></p>
        </div>
      </li>
      <li><a href="#"> 投资案例</a></li>

      <li><a href="#">新闻中心</a></li>
      <li><a href="#">社会责任</a></li>
      <li><a href="#"> 联系我们</a>
        <div class="hide_list">
          <p><a href="#">商业计划书</a></p>
          <p><a href="#">投资人关系</a></p>
          <p><a href="#">人才招聘</a></p>
        </div>
      </li>
      <div class="both"></div>
    </ul>
    <div class="language">
      <div class="language_list"><a href="#"><img src="images/index/C.png" alt=""/></a> <i></i> </div>
      <div class="language_hide"><a href="#"><img src="images/index/E.png" alt=""/></a> </div>
    </div>
  </div>
  <div class="both"></div>
</div>
<div class="head-phone">
    <div class="head-logo lf">
      <a href="#">
        <span><img src="images/index/logo.png" alt="" /></span>
      </a>
    </div>
    <div class="top_cen rt">
      <a href="javascript:;">
        <span></span>
        <span></span>
        <span></span>
      </a>
      <a class="cen_x active" href="javascript:;">
        ×
      </a>
    </div>
    <ul class="navlist_mo">
      <li><a href="#">首页</a></li>
      <li class="mo">
        <a>关于我们</a>
        <ul class="abm_nav">
          <li><a href="#">企业介绍</a></li>
          <li><a href="#">企业理念</a> </li>
          <li><a href="#">管理团队</a> </li>
        </ul>
      </li>
      <li class="mo">
        <a>投资策略</a>
        <ul class="abm_nav">
          <li><a href="#">投资理念</a></li>
          <li><a href="#">投资领域</a> </li>
          <li><a href="#">投资流程</a> </li>
        </ul>
      </li>
      <li><a href="#">投资案例</a></li>
      <li><a href="#">新闻中心</a></li>
      <li><a href="#">社会责任</a></li>
      <li class="mo">
        <a>联系我们</a>
        <ul class="abm_nav">
          <li><a href="#">商业计划书</a></li>
          <li><a href="#">投资人关系</a> </li>
          <li><a href="#">人才招聘</a> </li>
        </ul>
      </li>
    </ul>
  </div>
  <script>
    $('.head-phone').on('click', '.top_cen a', function () {
      if ($(this).attr('class') != 'active') {
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
      } else {
        $(this).removeClass('active');
        $(this).siblings().addClass('active');
      }
      if ($(this).attr('class') != 'cen_x active') {
        $('body').css('right', '50%');
        $('.nav_bg').fadeIn();
        $('.navlist_mo').css('right', '0');
      } else {
        $('body').css('right', '0');
        $('.nav_bg').fadeOut();
        $('.navlist_mo').css('right', '-50%');
      }
    });
    //侧边栏点击切换效果  手机端
    $('.head-phone').on('click', '.mo>a', function () {
      if ($(this).parent().attr('class') != 'mo active') {
        $(this).parent().addClass('active');
        $(this).parent().siblings().removeClass('active');
      } else {
        $(this).parent().removeClass('active');
      }
    });
  </script>
